(function () {
    var domUtils = UM.dom.domUtils;
    var widgetName = "video";

    UM.registerWidget(widgetName, {
        tpl:
            '<link rel="stylesheet" type="text/css" href="<%=video_url%>video.css" />' +
            '<div class="edui-video-wrapper">' +
            '<div id="eduiVideoTab">' +
            '<div id="eduiVideoTabHeads" class="edui-video-tabhead">' +
            '<span tabSrc="video" class="edui-video-focus"><%=lang_tab_insertV%></span>' +
            "</div>" +
            '<div id="eduiVideoTabBodys" class="edui-video-tabbody">' +
            '<div id="eduiVideoPanel" class="edui-video-panel">' +
            '<table><tr><td><label for="eduiVideoUrl" class="edui-video-url"><%=lang_video_url%></label></td><td><input id="eduiVideoUrl" type="text"></td></tr></table>' +
            '<div id="eduiVideoPreview"></div>' +
            '<div id="eduiVideoInfo">' +
            "<fieldset>" +
            "<legend><%=lang_video_size%></legend>" +
            "<table>" +
            '<tr><td><label for="eduiVideoWidth"><%=lang_videoW%></label></td><td><input class="edui-video-txt" id="eduiVideoWidth" type="text"/></td></tr>' +
            '<tr><td><label for="eduiVideoHeight"><%=lang_videoH%></label></td><td><input class="edui-video-txt" id="eduiVideoHeight" type="text"/></td></tr>' +
            "</table>" +
            "</fieldset>" +
            "<fieldset>" +
            "<legend><%=lang_alignment%></legend>" +
            '<div id="eduiVideoFloat"></div>' +
            "</fieldset>" +
            "</div>" +
            "</div>" +
            "</div>" +
            "</div>" +
            "</div>",
        initContent: function (editor, $widget) {
            var me = this,
                lang = editor.getLang(widgetName),
                video_url = UMEDITOR_CONFIG.UMEDITOR_HOME_URL + "dialogs/video/";

            me.lang = lang;
            me.editor = editor;
            me.$widget = $widget;
            me.root().html($.parseTmpl(me.tpl, $.extend({ video_url: video_url }, lang["static"])));

            me.initController(lang);
        },
        initEvent: function () {
            var me = this,
                url = $("#eduiVideoUrl", me.$widget)[0];

            if ("oninput" in url) {
                url.oninput = function () {
                    me.createPreviewVideo(this.value);
                };
            } else {
                url.onpropertychange = function () {
                    me.createPreviewVideo(this.value);
                };
            }
        },
        initController: function (lang) {
            var me = this,
                img = me.editor.selection.getRange().getClosedNode(),
                url;

            me.createAlignButton(["eduiVideoFloat"]);

            //编辑视频时初始化相关信息
            if (img && img.className == "edui-faked-video") {
                $("#eduiVideoUrl", me.$widget)[0].value = url = img.getAttribute("_url");
                $("#eduiVideoWidth", me.$widget)[0].value = img.width;
                $("#eduiVideoHeight", me.$widget)[0].value = img.height;
                var align = domUtils.getComputedStyle(img, "float"),
                    parentAlign = domUtils.getComputedStyle(img.parentNode, "text-align");
                me.updateAlignButton(parentAlign === "center" ? "center" : align);
            }
            me.createPreviewVideo(url);
        },
        /**
         * 根据url生成视频预览
         */
        createPreviewVideo: function (url) {
            if (!url) return;

            var me = this,
                lang = me.lang,
                conUrl = me.convert_url(url);

            if (!me.endWith(conUrl, [".swf", ".flv", ".wmv"])) {
                $("#eduiVideoPreview", me.$widget).html(lang.urlError);
                return;
            }
            $("#eduiVideoPreview", me.$widget)[0].innerHTML =
                '<embed type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer"' +
                ' src="' +
                url +
                '"' +
                ' width="' +
                420 +
                '"' +
                ' height="' +
                280 +
                '"' +
                ' wmode="transparent" play="true" loop="false" menu="false" allowscriptaccess="never" allowfullscreen="true" ></embed>';
        },
        /**
         * 将单个视频信息插入编辑器中
         */
        insertSingle: function () {
            var me = this,
                width = $("#eduiVideoWidth", me.$widget)[0],
                height = $("#eduiVideoHeight", me.$widget)[0],
                url = $("#eduiVideoUrl", me.$widget)[0].value,
                align = this.findFocus("eduiVideoFloat", "name");

            if (!url) return false;
            if (!me.checkNum([width, height])) return false;
            this.editor.execCommand("insertvideo", {
                url: me.convert_url(url),
                width: width.value,
                height: height.value,
                align: align,
            });
        },
        /**
         * URL转换
         */
        convert_url: function (url) {
            if (!url) return "";
            var matches = url.match(/youtu.be\/(\w+)$/) || url.match(/youtube\.com\/watch\?v=(\w+)/) || url.match(/youtube.com\/v\/(\w+)/),
                youku = url.match(/youku\.com\/v_show\/id_(\w+)/),
                youkuPlay = /player\.youku\.com/gi.test(url);

            if (youkuPlay) {
                url = url.replace(/\?f=.*/, "");
            } else if (matches) {
                url = "https://www.youtube.com/v/" + matches[1] + "?version=3&feature=player_embedded";
            } else if (youku) {
                url = "http://player.youku.com/player.php/sid/" + youku[1] + "/v.swf";
            } else {
                url = url
                    .replace(/http:\/\/www\.tudou\.com\/programs\/view\/([\w\-]+)\/?/i, "http://www.tudou.com/v/$1")
                    .replace(/http:\/\/www\.youtube\.com\/watch\?v=([\w\-]+)/i, "http://www.youtube.com/v/$1")
                    .replace(/http:\/\/v\.youku\.com\/v_show\/id_([\w\-=]+)\.html/i, "http://player.youku.com/player.php/sid/$1")
                    .replace(/http:\/\/www\.56\.com\/u\d+\/v_([\w\-]+)\.html/i, "http://player.56.com/v_$1.swf")
                    .replace(/http:\/\/www.56.com\/w\d+\/play_album\-aid\-\d+_vid\-([^.]+)\.html/i, "http://player.56.com/v_$1.swf")
                    .replace(/http:\/\/v\.ku6\.com\/.+\/([^.]+)\.html/i, "http://player.ku6.com/refer/$1/v.swf")
                    .replace(/\?f=.*/, "");
            }
            return url;
        },
        /**
         * 检测传入的所有input框中输入的长宽是否是正数
         */
        checkNum: function checkNum(nodes) {
            var me = this;

            for (var i = 0, ci; (ci = nodes[i++]); ) {
                var value = ci.value;
                if (!me.isNumber(value) && value) {
                    alert(me.lang.numError);
                    ci.value = "";
                    ci.focus();
                    return false;
                }
            }
            return true;
        },
        /**
         * 数字判断
         * @param value
         */
        isNumber: function (value) {
            return /(0|^[1-9]\d*$)/.test(value);
        },
        updateAlignButton: function (align) {
            var aligns = $("#eduiVideoFloat", this.$widget)[0].children;

            for (var i = 0, ci; (ci = aligns[i++]); ) {
                if (ci.getAttribute("name") == align) {
                    if (ci.className != "edui-video-focus") {
                        ci.className = "edui-video-focus";
                    }
                } else {
                    if (ci.className == "edui-video-focus") {
                        ci.className = "";
                    }
                }
            }
        },
        /**
         * 创建图片浮动选择按钮
         * @param ids
         */
        createAlignButton: function (ids) {
            var lang = this.lang,
                vidoe_home = UMEDITOR_CONFIG.UMEDITOR_HOME_URL + "dialogs/video/";

            for (var i = 0, ci; (ci = ids[i++]); ) {
                var floatContainer = $("#" + ci, this.$widget)[0],
                    nameMaps = { none: lang["default"], left: lang.floatLeft, right: lang.floatRight };
                for (var j in nameMaps) {
                    var div = document.createElement("div");
                    div.setAttribute("name", j);
                    if (j == "none") div.className = "edui-video-focus";
                    div.style.cssText = "background:url(" + vidoe_home + "images/" + j + "_focus.jpg);";
                    div.setAttribute("title", nameMaps[j]);
                    floatContainer.appendChild(div);
                }
                this.switchSelect(ci);
            }
        },
        /**
         * 选择切换
         */
        switchSelect: function (selectParentId) {
            var selects = $("#" + selectParentId, this.$widget)[0].children;
            for (var i = 0, ci; (ci = selects[i++]); ) {
                $(ci).on("click", function () {
                    for (var j = 0, cj; (cj = selects[j++]); ) {
                        cj.className = "";
                        cj.removeAttribute && cj.removeAttribute("class");
                    }
                    this.className = "edui-video-focus";
                });
            }
        },
        /**
         * 找到id下具有focus类的节点并返回该节点下的某个属性
         * @param id
         * @param returnProperty
         */
        findFocus: function (id, returnProperty) {
            var tabs = $("#" + id, this.$widget)[0].children,
                property;
            for (var i = 0, ci; (ci = tabs[i++]); ) {
                if (ci.className == "edui-video-focus") {
                    property = ci.getAttribute(returnProperty);
                    break;
                }
            }
            return property;
        },
        /**
         * 末尾字符检测
         */
        endWith: function (str, endStrArr) {
            for (var i = 0, len = endStrArr.length; i < len; i++) {
                var tmp = endStrArr[i];
                if (str.length - tmp.length < 0) return false;

                if (str.substring(str.length - tmp.length) == tmp) {
                    return true;
                }
            }
            return false;
        },
        width: 610,
        height: 498,
        buttons: {
            ok: {
                exec: function (editor, $w) {
                    $("#eduiVideoPreview", $w).html("");
                    editor.getWidgetData(widgetName).insertSingle();
                },
            },
            cancel: {
                exec: function () {
                    //清除视频
                    $("#eduiVideoPreview").html("");
                },
            },
        },
    });
})();
